<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>1</title>
		<style type="text/css">
			header,div,footer{
				width: 1000px;
				margin: 0 auto;
			}
			header{
				height: 120px;
				background-color: #7FFFD4;
			}
			div{
				height: 600px;
				background-color: #00FFFF;
				margin: 10px auto;
			}
			nav{
				width: 140px;
				float: left;
				height: 100%;
				background-color: yellow;
			}
			article{
				width: 650px;
				height: 100%;
				background-color: #3cff7a;
				float: left;
				margin: 0 10px;
			}
			aside{
				width: 190px;
				height: 100%;
				background-color: #FFC0CB;
				float: left;
			}
			footer{
				height: 120px;
				background-color: #FF0000;
			}
		</style>
	</head>
	<body>
			<!-- 网页头部 -->
			<header>
				
			</header>
			<!-- 网页中部 -->
			<div>
				<!-- 中部的左中右三块 -->
				<nav>					
				</nav>
				<article>					
				</article>
				<aside>					
				</aside>				
			</div>
			<!-- 网页底部 -->
			<footer>
				
			</footer>
	</body>
</html>
